layui.table.render({
	limits: [10, 20, 30, 100],
	elem: '#userInfoTable',
	page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
		layout: ['count', 'prev', 'page', 'next', 'skip', 'limit'] //自定义分页布局
			//,curr: 5 //设定初始在第 5 页
			,
		groups: 1 //只显示 1 个连续页码
			,
		first: false //不显示首页
			,
		last: false //不显示尾页
	},
	height: 500,
	url: '../json/user.json' //数据接口
		,
	page: true //开启分页
		,
	cols: [
		[ //表头
			{
				type: 'checkbox'
			},
			{
				field: 'id', //此处与json数据的key对应
				title: 'ID', //标题
				width: 80, //单元表格宽度
				edit: 'text'
				// sort: true,  //排序
				//fixed: 'left'  //固定在左侧
			}, {
				field: 'username',
				title: '用户名',
				width: 80,
				edit: 'text'
			}, {
				field: 'sex',
				title: '性别',
				width: 80,
				sort: true,
				templet: '#switchTpl',
				// edit:'text'
			}, {
				field: 'city',
				title: '城市',
				width: 80,
				edit: 'text'
			}, {
				field: 'sign',
				title: '签名',
				width: 177,
				edit: 'text'
			}, {
				field: 'experience',
				title: '积分',
				width: 80,
				sort: true,
				edit: 'text'
			}, {
				field: 'score',
				title: '评分',
				width: 80,
				sort: true
			}, {
				field: 'classify',
				title: '职业',
				width: 80
			}, {
				field: 'wealth',
				title: '财富',
				width: 135,
				sort: true
			}
		]
	]
});

function getCheckItem() {
	var checkStatus = layui.table.checkStatus('table1'); //idTest 即为基础参数 id 对应的值
	console.log(checkStatus.data) //获取选中行的数据
	console.log(checkStatus.data.length) //获取选中行数量，可作为是否有选中行的条件
	console.log(checkStatus.isAll) //表格是否全选
}

function showAddModel() {
	clearAddModelInfo();
	//layui.layer.msg('hello'); 
	addUserModel = layui.layer.open({
		type: 1,
		area: ['400px', '230px'],
		shadeClose: true, //点击遮罩关闭
		content: layui.$('#addUserModel')
	});
}
layui.form.verify({
	username: function(value, item) { //value：表单的值、item：表单的DOM对象
		if (value.length < 5) {
			return '用户名长度不能小于5';
		}
	},
	password: function(value, item) { //value：表单的值、item：表单的DOM对象
		if (value.length <= 0) {
			return '密码不能为空';
		}
	}
});

function closeAddModel() {
	//clearAddModelInfo();
	layui.layer.close(addUserModel);
}

function showEditModel() {
	//判断是否有被选中的项，并且只能有一项被选中
	var checkStatus = layui.table.checkStatus('userInfoTable'); //idTest 即为基础参数 id 对应的值
	console.log(checkStatus.data) //获取选中行的数据
	console.log(checkStatus.data.length) //获取选中行数量，可作为是否有选中行的条件
	var length = checkStatus.data.length;
	if (length == 0) {
		//layui.layer.alert('请选择要编辑的条目');
		layui.layer.msg("请选择要编辑的条目");
	}
	if (length > 0) {
		//layui.layer.alert('请选择一条数据');
		layui.layer.msg("请选择一条数据");
	}
	if (length == 1) {
		//layui.layer.alert('准备编辑');
		layui.layer.msg("准备编辑");
		//编辑和添加可以复用一个模态框
		showAddModel();
		//数据填充进去
		var userInfoData = checkStatus.data[0];
		layui.$("input[name='userName']").val(userInfoData.username);
	}
}

function clearAddModelInfo() {
	layui.$("input[name='userName']").val("");
	layui.$("input[name='userPwd']").val("");
	layui.$("input[name='verify']").val("");
}

function deleteUserInfo() {
	//判断是否有被选中的项，并且只能有一项被选中
	var checkStatus = layui.table.checkStatus('userInfoTable'); //idTest 即为基础参数 id 对应的值
	console.log(checkStatus.data) //获取选中行的数据
	console.log(checkStatus.data.length) //获取选中行数量，可作为是否有选中行的条件
	var length = checkStatus.data.length;
	if (length == 0) {
		//layui.layer.alert('请选择要编辑的条目');
		layui.layer.msg("请选择要删除的条目");
	}
	if (length > 0) {
		//layui.layer.alert('请选择一条数据');
		var arrIds = [];
		var allData = checkStatus.data;
		for (var i = 0; i < allData.length; i++) {
			arrIds.push(allData[i].id);
		}
		layui.layer.msg("开始删除" + arrIds);
	}
}
/*拦截表单提交，改为异步*/
layui.form.on('submit(loginBtn)', function(data) {
	//手动发起异步请求 ajax
	console.log(data.field);
	//ajax是jquery中的异步请求框架
	//layui中已经集成的有jquery框架
	//layui.$去使用
	layui.$.ajax({
		type: "POST",
		url: "some.php",
		data: data.field,
		success: function(msg) {
			alert("Data Saved: " + msg);
		}
	});
	closeAddModel();
	return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
